iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0

迴圈提供一個快速又簡潔的方法來重複地做某件事,有了迴圈,在取得資料時就方便許多。

for loop

當知道迴圈要執行幾次時使用
for 迴圈可以用來執行一段程式碼,當變數值與設定的條件符合時,就會持續執行到條件不符合才停止執行。
基本語法:

for ( 初始條件 ; 判斷條件 ; 更新條件 ) {
 要執行的程式碼
}

例如:

for(let i = 0,i < 10,i++){
    console.log(i);
}
/*0
     * 1
     * 2
     * 3
     * 4
     * 5
     * 6
     * 7
     * 8
     * 9
     * /
for(let i = 0,i <= 20,i+=5){
    console.log(i);
}
/*0
 * 5
 * 10
 * 15
 * 20
*/
  • continue
    跳過某條件,繼續執行後面的動作
for(let i = 0,i < 5,i++){
    if(i == 2){
        continue;
    }
    console.log(i);
}
/*0
 * 1
 * 3
 * 4
*/
  • break
    當某條件符合,即中斷整個迴圈
for(let i = 0,i < 10,i++){
    if(i == 5){
        break;
    }
    console.log(i);
}
/*0
 * 1
 * 2
 * 3
 * 4
*/

while loop

當不知道迴圈要執行幾次時使用
務必要記得寫上++,否則會造成無限迴圈

let i = 0;
while(i < 10){
    console.log(i);
    i++;
}
/*0
     * 1
     * 2
     * 3
     * 4
     * 5
     * 6
     * 7
     * 8
     * 9
     * /

Nested loop

巢狀迴圈(迴圈裡包迴圈)

let count = 0;
for(let i = 0,i < 5,i++){
    for(let j = 0,j < 3,i++){
        console.log(i,j);
        count++;
    }
}
console.log(count);//15
/*00
 * 01
 * 02
 * 10
 * 11
 * 12
 * 20
 * 21
 * 22
 * 30
 * 31
 * 32
 * 40
 * 41
 * 42
 * /

i 從 0 到 4
j 從 0 到 2
i * j= 5*3 = 迴圈運行 15 次

在陣列裡跑迴圈

let friends=["John","Josh","Mike"];
for(let i = 0;i < friends.length;i++){
    console.log(friends[i].toUpperCase())
}
//JOHN
//JOSH
//MIKE

forEach

用在 array 上
和 for loop 可以達到同樣的效果
forEach 對陣列裡的每個元素都執行 function
且在 forEach 裡面每一次執行的 function 叫做 callback function
這個 callback function 裡面可以放好幾個參數 forEach(currentvalue,index,array)
在 forEach 的 function 不用取名字,這種沒有名字的 function 又叫 Anonymous function

let luckyNumbers = [7,15,23,66,91,10,13];
luckyNumbers.forEach(function(n){
    if(n > 20){
        console.log(n);
    }
});
//23 66 91

上一篇
Day 5 - Object & Function
下一篇
Day 7 - DOM - Window Object
系列文
Be friend with JavaScript39
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言